<html
    xmlns="http://www.w3.org/1999/xhtml"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:p="http://primefaces.org/ui">

    <ui:composition template="layout.xhtml">
        <ui:define name="title">
            Protesto - #{managerCriarProtesto.protesto.id == null ? 'Cadastrar' : (managerCriarProtesto.visualizar ? 'Visualizar':'Editar')}
            <script>
                function title() {
                    document.getElementById('protesto').className='selected';
                }
                window.onload=title;
            </script>
        </ui:define>

        <ui:define name="content">
            <h:form id="criarProtestoForm" enctype="multipart/form-data"   >   
                <p:messages id="criarProtestoMessages" autoUpdate="true" />

                <div class="row">
                    <div class="column3" style="float: right;">
                        <div class="column6">
                            <p:button value="Editar" 
                                      rendered="#{managerCriarProtesto.protesto.id ne null and managerCriarProtesto.visualizar}"
                                      outcome="criarProtesto.xhtml" styleClass="right ui-priority-primary"
                                      icon="ui-icon-pencil">
                                <f:param value="#{managerCriarProtesto.protesto.id}" name="protestoId"/>
                            </p:button>
                        </div>

                        <div class="column5">
                            <p:splitButton value="Ações" update="@this" icon="ui-icon-gear" 
                                           styleClass="right"
                                           rendered="#{managerCriarProtesto.protesto.id ne null and managerCriarProtesto.visualizar}">  
                                <p:separator />  
                                <p:menuitem value="Emitir Intimação" actionListener="#{managerCriarProtesto.emitirIntimacao()}" 
                                            target="_blank" ajax="false">  
                                </p:menuitem>
                                <p:menuitem value="Emitir Boleto" actionListener="#{managerCriarProtesto.emitirBoleto()}" 
                                            target="_blank" ajax="false">  
                                </p:menuitem>
                                <p:separator/>
                                <p:menuitem value="Protestar Título" outcome="acaoProtesto.xhtml" >  
                                    <f:param name="protestoId" value="#{managerCriarProtesto.protesto.id}"/>
                                    <f:param name="visualizar" value="#{true}"/>
                                    <f:param name="acao" value="10"/>
                                </p:menuitem>
                                <p:separator/>
                                <p:menuitem value="Enviar ao Serasa" outcome="acaoProtesto.xhtml" >  
                                    <f:param name="protestoId" value="#{managerCriarProtesto.protesto.id}"/>
                                    <f:param name="visualizar" value="#{true}"/>
                                    <f:param name="acao" value="11"/>
                                </p:menuitem>
                                <p:separator/>
                                <p:menuitem value="Cancelar Protesto" outcome="acaoProtesto.xhtml" >  
                                    <f:param name="protestoId" value="#{managerCriarProtesto.protesto.id}"/>
                                    <f:param name="visualizar" value="#{true}"/>
                                    <f:param name="acao" value="1"/>
                                </p:menuitem>
                                <p:menuitem value="Suspender Protesto" outcome="acaoProtesto.xhtml" >
                                    <f:param name="protestoId" value="#{managerCriarProtesto.protesto.id}"/>
                                    <f:param name="visualizar" value="#{true}"/>
                                    <f:param name="acao" value="2"/>
                                </p:menuitem>
                                <p:menuitem value="Revogar Cancelamento"  outcome="acaoProtesto.xhtml" >
                                    <f:param name="protestoId" value="#{managerCriarProtesto.protesto.id}"/>
                                    <f:param name="visualizar" value="#{true}"/>
                                    <f:param name="acao" value="3"/>
                                </p:menuitem>
                                <p:menuitem value="Revogar Suspensão" outcome="acaoProtesto.xhtml" >
                                    <f:param name="protestoId" value="#{managerCriarProtesto.protesto.id}"/>
                                    <f:param name="visualizar" value="#{true}"/>
                                    <f:param name="acao" value="4"/>
                                </p:menuitem>
                            </p:splitButton>
                        </div>
                    </div>
                </div>
                <div class="clear"/>
                <p:fieldset legend="Protocolo" id="protocoloPanel" >

                    <div class="row">
                        <div class="column1">
                            <p:outputLabel value="Protocolo" for="protocoloInputText" />
                        </div>
                        <div class="column2">
                            <p:inputText id="protocoloInputText" 
                                         autocomplete="false"
                                         readonly="#{managerCriarProtesto.visualizar}"
                                         value="#{managerCriarProtesto.codigoProtocolo}"
                                         required="true" requiredMessage="Protocolo é obrigatório"
                                         onkeypress="jQuery(this).autoNumeric({aSep: '', aDec: '', vMin:0, wEmpty: '0', mDec: 0});" >
                                <p:ajax event="blur" listener="#{managerCriarProtesto.loadProtocolo}" update="@this, @form" />
                            </p:inputText>
                        </div>
                        <div class="column2">
                            <p:outputLabel value="Data Protocolo" for="dataProtocoloCalendar" />
                        </div>
                        <div class="column2">
                            <p:calendar readonly="true" disabled="true" id="dataProtocoloCalendar"
                                        value="#{managerCriarProtesto.protocolo.dataCadastro}"
                                        pattern="dd/MM/yyyy" locale="pt" navigator="true" />
                        </div>
                        <div class="column1">
                            <p:outputLabel value="Livro" for="livroInputText" />
                        </div>
                        <div class="column2">
                            <p:inputText id="livroInputText"  readonly="true"  value="#{managerCriarProtesto.protocoloItem.livro}"/>
                        </div>
                        <div class="column1">
                            <p:outputLabel value="Folha" for="folhaInputText" />
                        </div>
                        <div class="column1">
                            <p:inputText id="folhaInputText"  readonly="true" value="#{managerCriarProtesto.protocoloItem.folhas}"/>
                        </div>
                    </div>
                    <div class="row">
                        <div class="column1">
                            <p:outputLabel value="Interessado" for="interessadoInputText" />
                        </div>
                        <div class="column11">
                            <p:inputText id="interessadoInputText"  readonly="true" 
                                         value="#{managerCriarProtesto.protocolo.cliente.nome}" />
                        </div>
                    </div>

                    <div class="row">
                        <div class="column1">
                            <p:outputLabel value="Ato" for="itemprocessoInputText" />
                        </div>
                        <div class="column11">
                            <p:inputText id="itemprocessoInputText"  readonly="true" 
                                         value="#{managerCriarProtesto.protocoloItem.atoItem.descricao}">
                            </p:inputText>
                        </div>
                    </div>

                </p:fieldset>
                <p:fieldset legend="Apresentante" id="apresentantePanel">
                    <div class="row">
                        <div class="column12">
                            <p:commandButton styleClass="adicionar" oncomplete="widthFix()" 
                                             style="float: right;"
                                             disabled="#{managerCriarProtesto.visualizar}"
                                             onclick="dialogApresentante.show();" process="@this" update="@this"
                                             immediate="true" value="Adicionar" icon="ui-icon-plus" />
                        </div>
                    </div>
                    <div class="row">
                        <div class="column12">
                            <p:dataTable id="apresentantedataTable" value="#{managerCriarProtesto.apresentantes}" 
                                         var="ap"
                                         emptyMessage="Nenhum sacado cadastrado" >
                                <p:column headerText="Nome">
                                    #{ap.nome}
                                </p:column>
                                <p:column headerText="Doc">
                                    #{ap.cpf}
                                    #{ap.cnpj}
                                </p:column>
                                <p:column headerText="Dados Bancários">
                                    <p:dataTable id="contabancariatable" var="item" 
                                                 value="#{ap.contasBancarias}"
                                                 emptyMessage="Nenhum conta cadastrada" >  
                                        <p:column headerText="Banco" >  
                                            <h:outputText value="#{item.banco.nome}"/>
                                        </p:column>
                                        <p:column headerText="Conta" >  
                                            <h:outputText value="Conta #{item.tipoContaBancaria.nome}"/><br/>
                                            <h:outputText value="Agência: #{item.agencia}"/><br/>
                                            <h:outputText value="Conta: #{item.conta}"/><br/>
                                            <h:outputText value="Operação: #{item.operacao}"/>
                                        </p:column>

                                    </p:dataTable>
                                </p:column>
                            </p:dataTable>
                        </div>
                    </div>                        
                </p:fieldset>
                <p:fieldset legend="Avalista(s)" id="fiadorPanel">
                    <div class="row">
                        <div class="column12">
                            <p:commandButton styleClass="adicionar" oncomplete="widthFix()" 
                                             style="float: right;"
                                             disabled="#{managerCriarProtesto.visualizar}"
                                             onclick="dialogFiador.show();" process="@this" update="@this"
                                             immediate="true" value="Adicionar" icon="ui-icon-plus" />
                        </div>
                    </div>
                    <div class="row">
                        <div class="column12">
                            <p:dataTable id="fiadorDataTable" value="#{managerCriarProtesto.fiadores}" 
                                         var="ap"
                                         emptyMessage="Nenhum fiador cadastrado" >
                                <p:column headerText="Nome">
                                    #{ap.nome}
                                </p:column>
                                <p:column headerText="Doc">
                                    #{ap.cpf}
                                    #{ap.cnpj}
                                </p:column>
                            </p:dataTable>
                        </div>
                    </div>                        
                </p:fieldset>
                <p:fieldset legend="Sacado(res)"  id="devedorPanel">
                    <div class="row">
                        <div class="column12">
                            <p:commandButton styleClass="adicionar" oncomplete="widthFix()" 
                                             style="float: right;"
                                             disabled="#{managerCriarProtesto.visualizar}"
                                             onclick="dialogDevedor.show();" process="@this" update="@this"
                                             immediate="true" value="Adicionar" icon="ui-icon-plus" />
                        </div>
                    </div>
                    <div class="row">
                        <div class="column12">
                            <p:dataTable id="devedordatatable" value="#{managerCriarProtesto.devedores}" 
                                         var="pessoa"
                                         emptyMessage="Nenhum devedor cadastrado" >
                                <p:column headerText="Nome">
                                    #{pessoa.nome}
                                </p:column>
                                <p:column headerText="Doc">
                                    #{pessoa.cpf}
                                    #{pessoa.cnpj}
                                </p:column>
                            </p:dataTable>
                        </div>
                    </div>                        
                </p:fieldset>
                <p:fieldset legend="Título" id="tituloPanel" >
                    <div class="row">
                        <div class="column2">
                            <p:outputLabel value="Espécie do Protesto" for="especieProtestoSelect" />
                        </div>
                        <div class="column4">
                            <p:selectOneMenu id="especieProtestoSelect" value="#{managerCriarProtesto.protesto.especieProtesto}"
                                             disabled="#{managerCriarProtesto.visualizar}"
                                             panelStyle="width:100%;"  >
                                <f:selectItems value="#{enums.especieProtesto()}" />
                            </p:selectOneMenu>
                        </div>
                        <div class="column2">
                            <p:outputLabel value="Ação" for="acaoSelect" />
                        </div>
                        <div class="column4">
                            <p:selectOneMenu id="acaoSelect" value="#{managerCriarProtesto.protesto.acaoProtesto}"
                                             disabled="#{managerCriarProtesto.visualizar}"
                                             style="width:250px;">
                                <f:selectItems value="#{enums.acaoProtesto()}" />
                            </p:selectOneMenu>
                        </div>
                    </div>
                    <div class="row">
                        <div class="column2">
                            <p:outputLabel value="Tipo do Titulo" for="tipoTitulo" />
                        </div>
                        <div class="column4">
                            <p:selectOneMenu id="tipoTitulo" value="#{managerCriarProtesto.protesto.tipoTitulo}"
                                             disabled="#{managerCriarProtesto.visualizar}"
                                             style="width:250px;">
                                <f:selectItems value="#{enums.tipoTitulo()}" />
                                <f:ajax listener="@this, :criarProtestoForm:especieAutocomplete"/>
                            </p:selectOneMenu>
                        </div>
                        <div class="column2">
                            <p:outputLabel value="Espécie do Título" for="especieAutocomplete" />
                        </div>
                        <div class="column4">
                            <p:autoComplete id="especieAutocomplete" completeMethod="#{managerCriarProtesto.autocomplete}"
                                            converter="conversorespecietitulo" disabled="#{managerCriarProtesto.visualizar}"
                                            forceSelection="true" dropdown="true" 
                                            var="especie" itemValue="#{ especie }"
                                            itemLabel="#{ especie.sigla }"
                                            readonly="#{managerCriarProtesto.visualizar}"
                                            value="#{managerCriarProtesto.protesto.especieTitulo}"/>
                        </div>
                    </div>
                    <div class="row">
                        <div class="column2">
                            <p:outputLabel value="Número" for="numeroInputText" />
                        </div>
                        <div class="column4">
                            <p:inputText id="numeroInputText" value="#{managerCriarProtesto.protesto.numeroTitulo}"
                                         readonly="#{managerCriarProtesto.visualizar}"/>
                        </div>
                        
                        <div class="column2">
                            <p:outputLabel value="Data Ação" for="dataAcaoInputText" />
                        </div>
                        <div class="column4">
                            <p:calendar id="dataAcaoInputText"
                                        value="#{managerCriarProtesto.protesto.dataAcao}"
                                        readonly="#{managerCriarProtesto.visualizar}"
                                        showOn="button" pattern="dd/MM/yyyy" locale="pt" navigator="true" />
                        </div>
                        
                    </div>
                    <div class="row">
                        <div class="column2">
                            <p:outputLabel value="Data Emissão do Titulo" for="emissaoInputText" />
                        </div>
                        <div class="column4">
                            <p:calendar id="emissaoInputText"
                                        value="#{managerCriarProtesto.protesto.dataEmissaoTitulo}"
                                        readonly="#{managerCriarProtesto.visualizar}"
                                        showOn="button" pattern="dd/MM/yyyy" locale="pt" navigator="true" />
                        </div>
                        <div class="column2">
                            <p:outputLabel value="Vencimento do Titulo" for="vencimentoInputText" />
                        </div>
                        <div class="column4">
                            <p:calendar id="vencimentoInputText"
                                        value="#{managerCriarProtesto.protesto.vencimentoTitulo}"
                                        readonly="#{managerCriarProtesto.visualizar}"
                                        showOn="button" pattern="dd/MM/yyyy" locale="pt" navigator="true" />
                        </div>
                    </div>
                    <div class="row">
                        <div class="column2">
                            <p:outputLabel value="Praça de Pagamento" for="pracaPagamento" />
                        </div>
                        <div class="column10">
                            <p:inputText id="pracaPagamento" value="#{managerCriarProtesto.protesto.pracaPagamento}"
                                         readonly="#{managerCriarProtesto.visualizar}"/>
                        </div>
                    </div>
                    <div class="row">
                        <div class="column2">
                            <p:outputLabel value="Valor Original" for="valorOriginalInputText" />
                        </div>
                        <div class="column4">
                            <p:inputText id="valorOriginalInputText"
                                         readonly="#{managerCriarProtesto.visualizar}"
                                         onkeypress="jQuery(this).autoNumeric({aSign:'R$ ',aSep: '.', aDec: ','} );"
                                         value="#{managerCriarProtesto.protesto.valorTitulo}"  >
                                <f:convertNumber type="currency"  locale="pt,BR" maxFractionDigits="2" />
                            </p:inputText>
                        </div>
                        <div class="column2">
                            <p:outputLabel value="Valor Protestado" for="valorProtestadoInputText"/>
                        </div>
                        <div class="column4">
                            <p:inputText id="valorProtestadoInputText"
                                         readonly="#{managerCriarProtesto.visualizar}"
                                         onkeypress="jQuery(this).autoNumeric({aSign:'R$ ',aSep: '.', aDec: ','} );"
                                         value="#{managerCriarProtesto.protesto.valorAProtestar}"  >
                                <f:convertNumber type="currency"  locale="pt,BR" maxFractionDigits="2" />
                            </p:inputText>
                        </div>
                    </div>                        
                    <div class="row">
                        <div class="column2">
                            <p:outputLabel value="Complemento" for="complementoInputText" />
                        </div>
                        <div class="column10">
                            <p:inputTextarea id="complementoInputText" 
                                             value="#{managerCriarProtesto.protesto.complemento}" 
                                             readonly="#{managerCriarProtesto.visualizar}"/>
                        </div>
                    </div>                        
                </p:fieldset>
                <p:fieldset legend="Status" 
                            rendered="#{managerCriarProtesto.protesto.id ne null and managerCriarProtesto.visualizar}"
                            id="situacoesPanel">
                    <div class="row">
                        <div class="column12">
                            <p:dataTable value="#{managerCriarProtesto.situacoesProtesto}"
                                         emptyMessage="Nenhuma situação encontrada" 
                                         var="sp">
                                <p:column headerText="Data" width="120">
                                    <p:outputLabel value="#{sp.dataCriacao}" >
                                        <f:convertDateTime locale="pt" pattern="dd/MM/yyyy HH:mm:ss"/>
                                    </p:outputLabel>
                                </p:column>
                                <p:column headerText="Usuário" width="150">
                                    <p:outputLabel value="#{sp.usuario.nome}" />
                                </p:column>
                                <p:column headerText="Observação">
                                    <p:outputLabel value="#{sp.observacao}" />
                                </p:column>
                                <p:column headerText="Situação" width="300">
                                    <p:outputLabel value="#{sp.tipoSituacaoProtesto.toString()}" />
                                </p:column>

                            </p:dataTable>
                        </div>
                    </div>
                </p:fieldset>
                <div class="buttonAction">
                    <p:commandButton value="Salvar"
                                     process="@form"
                                     actionListener="#{managerCriarProtesto.salvar()}"
                                     styleClass="ui-priority-primary"
                                     update="@form"
                                      onsuccess="goY(0);"
                                     rendered="#{!managerCriarProtesto.visualizar}"
                                     icon="ui-icon-disk" />
                    <p:button value="Cancelar" icon="ui-icon-cancel" 
                              href="pesquisarProtesto.xhtml" />
                </div>

                <p:dialog id="apresentanteDialog" widgetVar="dialogApresentante" header="Apresentante" dynamic="true"
                          modal="true" appcolumn12endToBody="false" resizable="false" width="90%" height="450px" 
                          draggable="false" closable="true">

                    <p:button outcome="criarCliente.xhtml"
                              style="float: right; z-index: 9999;"
                              styleClass="ui-priority-primary"
                              target="_blank"
                              value="Cadastrar Apresentante"
                              icon="ui-icon-plus" />
                    <p:tabView id="apresentanteTabView" >

                        <p:tab id="pesquisarApresentanteTab" title="Pesquisar">

                            <fieldset>
                                <legend> <h4 style="margin:0 0 10px 0">Filtros</h4></legend>
                                <p:panel id="apresentantePesquisarPanel" styleClass="column12, clearfix" 
                                         style="background: none; border: none;">
                                    <div class="row">
                                        <div class="selectionBox, grid_10">
                                            <p:selectOneRadio id="tipoPessoaApresentanteSelectOneMenu" 
                                                              value="#{managerCriarProtesto.apresentantePesquisar.tipoPessoa}">
                                                <f:selectItems value="#{enums.tiposPessoa()}" />   
                                                <p:ajax event="change"
                                                        update=":criarProtestoForm:apresentanteTabView:apresentantePesquisarPanel" 
                                                        listener="#{ managerCriarProtesto.limparApresentante() }" />
                                            </p:selectOneRadio>
                                        </div>  
                                    </div>

                                    <f:validateBean disabled="true">
                                        <div class="row">
                                            <div class="column1">
                                                <p:outputLabel value="Nome" for="nomeApresentanteInputText"  />
                                            </div>
                                            <div class="column5">
                                                <p:inputText id="nomeApresentanteInputText" 
                                                             value="#{ managerCriarProtesto.apresentantePesquisar.nome }" />
                                            </div>

                                            <div class="column1">
                                                <p:outputLabel value="CPF" for="cpfApresentanteInputMask" 
                                                               rendered="#{ managerCriarProtesto.apresentantePesquisar.tipoPessoa eq 'FISICA'}" />
                                            </div>
                                            <div class="column3">
                                                <p:inputMask id="cpfApresentanteInputMask" 
                                                             value="#{ managerCriarProtesto.apresentantePesquisar.cpf }"
                                                             rendered="#{ managerCriarProtesto.apresentantePesquisar.tipoPessoa eq 'FISICA'}" mask="999.999.999-99" />
                                            </div>
                                            <div class="column1">
                                                <p:outputLabel value="CNPJ" for="cnpjApresentanteInputMask"
                                                               rendered="#{ managerCriarProtesto.apresentantePesquisar.tipoPessoa eq 'JURIDICA'}" />
                                            </div>
                                            <div class="column3">
                                                <p:inputMask id="cnpjApresentanteInputMask" value="#{ managerCriarProtesto.apresentantePesquisar.cnpj }"
                                                             rendered="#{ managerCriarProtesto.apresentantePesquisar.tipoPessoa eq 'JURIDICA'}" mask="99.999.999/9999-99" />
                                            </div>
                                        </div>
                                    </f:validateBean>

                                    <div class="buttonAction">
                                        <p:commandButton actionListener="#{ managerCriarProtesto.pesquisarApresentante() }" 
                                                         value="Pesquisar"
                                                         update=":criarProtestoForm:apresentanteTabView:apresentantePesquisarPanel" 
                                                         process=":criarProtestoForm:apresentanteTabView:apresentantePesquisarPanel"
                                                         icon="ui-icon-search" />
                                    </div>

                                    <p:dataTable id="apresentantesDataTable" var="pessoa" value="#{ managerCriarProtesto.apresentantesPesquisar }" 
                                                 rows="5" paginator="true" paginatorPosition="bottom" rowKey="#{ pessoa.id }"
                                                 selection="#{ managerCriarProtesto.apresentanteSelecionado }" selectionMode="single"
                                                 emptyMessage="Nenhum apresentante encontrado">
                                        <f:facet name="header">Clientes</f:facet>
                                        <p:ajax event="rowSelect"  process="@this" update="@this"/>

                                        <p:column headerText="Nome" width="700">
                                            <h:outputText value="#{ pessoa.nome }" />
                                        </p:column>
                                        <p:column headerText="#{managerCriarProtesto.apresentantePesquisar.tipoPessoa eq 'FISICA' ? 'CPF' : 'CNPJ'}" width="300">
                                            <h:outputText value="#{ pessoa.tipoPessoa eq 'FISICA' ? managerPesquisarPessoa.adicionarMascaraCPF(pessoa.cpf) : managerPesquisarPessoa.adicionarMascaraCNPJ(pessoa.cnpj) }" />
                                        </p:column>
                                    </p:dataTable>

                                    <div class="buttonAction">
                                        <p:commandButton actionListener="#{ managerCriarProtesto.selecionarApresentante() }"
                                                         update=":criarProtestoForm:apresentantedataTable, :criarProtestoForm:apresentanteDialog" 
                                                         process="@this"
                                                         value="Selecionar" icon="ui-icon-plus" />

                                        <p:commandButton value="Cancelar" icon="ui-icon-cancel" onclick="dialogApresentante.hide();" 
                                                         process="@this"
                                                         update=":criarProtestoForm:apresentanteDialog" 
                                                         actionListener="#{ managerCriarProtesto.instanciarApresentantePesquisar() }" />
                                    </div>

                                </p:panel>
                            </fieldset>

                        </p:tab>

                        <p:tab id="cadastrarApresentanteTab" title="Cadastrar" rendered="false">

                            <p:messages id="cadastrarApresentanteMessages" autoUpdate="true" />

                            <fieldset>
                                <legend> <h4 style="margin:0 0 10px 0">Dados</h4></legend>
                                <p:panel id="dadosApresentantePanel" styleClass="column12, clearfix" style="background: none; border: none;">

                                    <div class="selectionBox">
                                        <p:selectOneRadio id="tipoPessoaSelectOneMenu" value="#{ managerCriarProtesto.apresentanteCadastrar.tipoPessoa }"
                                                          rendered="#{ managerCriarProtesto.apresentanteCadastrar.id == null }">
                                            <f:selectItems value="#{ enums.tiposPessoa() }" />
                                            <p:ajax event="change" update="dadosApresentantePanel" />
                                        </p:selectOneRadio>
                                    </div>                                

                                    <p:panel id="pessoaFisicaPanel" styleClass="column12"
                                             style="border: 0px solid #fff;"
                                             rendered="#{managerCriarProtesto.apresentanteCadastrar.tipoPessoa eq 'FISICA'}">
                                        <div class="row">
                                            <div class="column1">
                                                <p:outputLabel value="Nome" for="nomeInputText" />
                                            </div>
                                            <div class="column6">
                                                <p:inputText id="nomeInputText" value="#{ managerCriarProtesto.apresentanteCadastrar.nome }"
                                                             required="true" requiredMessage="Nome" />
                                            </div>

                                            <div class="column2">
                                                <p:outputLabel value="Data de Nascimento" for="dataNascimento" />
                                            </div>
                                            <div class="column3">
                                                <p:calendar id="dataNascimento" value="#{ managerCriarProtesto.apresentanteCadastrar.dataNascimento }"
                                                            showOn="button" pattern="dd/MM/yyyy" locale="pt" navigator="true" yearRange="1900:c+10" />
                                            </div>
                                        </div>
                                        <div class="row">

                                            <div class="column1">
                                                <p:outputLabel value="CPF" for="cpfInputMask" />
                                            </div>
                                            <div class="column6">
                                                <p:inputMask styleClass="grid_3" id="cpfInputMask" value="#{ managerCriarProtesto.apresentanteCadastrar.cpf }"
                                                             mask="999.999.999-99" />                                            
                                            </div>
                                            <div class="column2">
                                                <p:outputLabel value="RG" for="rgInputText" />
                                            </div>
                                            <div class="column3">
                                                <p:inputText id="rgInputText" value="#{ managerCriarProtesto.apresentanteCadastrar.rg }" />
                                            </div>


                                        </div>
                                        <div class="row">
                                            <div class="column1">
                                                <p:outputLabel value="Sexo" for="sexoSelectOneRadio" />
                                            </div>
                                            <div class="column6">
                                                <p:selectOneRadio id="sexoSelectOneRadio" value="#{ managerCriarProtesto.apresentanteCadastrar.sexo }">
                                                    <f:selectItems value="#{ enums.sexos() }" />
                                                </p:selectOneRadio>
                                            </div>

                                            <div class="column2">
                                                <p:outputLabel value="Estado Civil" for="estadoCivilSelectOneMenu" />
                                            </div>
                                            <div class="column3">
                                                <p:selectOneMenu id="estadoCivilSelectOneMenu" value="#{ managerCriarProtesto.apresentanteCadastrar.estadoCivil }">
                                                    <f:selectItems value="#{ enums.estadosCivis() }" />
                                                </p:selectOneMenu>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="column1">
                                                <p:outputLabel value="Profissão" for="profissaoInputText" />
                                            </div>
                                            <div class="column11">
                                                <p:inputText styleClass="grid_3" id="profissaoInputText" value="#{ managerCriarProtesto.apresentanteCadastrar.profissao }" />
                                            </div>
                                        </div>

                                    </p:panel>

                                    <p:panel id="dadosPessoaJuridica" styleClass="column12"
                                             style="border: 0px solid #fff;"
                                             rendered="#{managerCriarProtesto.apresentanteCadastrar.tipoPessoa eq 'JURIDICA'}">
                                        <div class="row">
                                            <div class="column2">
                                                <p:outputLabel value="Nome Fantasia" for="nomeFantasiaInputText" />
                                            </div>
                                            <div class="column4">
                                                <p:inputText id="nomeFantasiaInputText" value="#{ managerCriarProtesto.apresentanteCadastrar.nome }"
                                                             required="true" requiredMessage="Nome Fantasia é obrigatório" />
                                            </div>

                                            <div class="column2">
                                                <p:outputLabel value="Razão Social" for="razaoSocialInputText" />
                                            </div>
                                            <div class="column4">
                                                <p:inputText styleClass="grid_6" id="razaoSocialInputText" value="#{ managerCriarProtesto.apresentanteCadastrar.razaoSocial }"
                                                             required="true" requiredMessage="Razão é obrigatório" />
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="column2">
                                                <p:outputLabel value="CNPJ" for="cnpjInputMask" />
                                            </div>
                                            <div class="column4">
                                                <p:inputMask id="cnpjInputMask" value="#{ managerCriarProtesto.apresentanteCadastrar.cnpj }"
                                                             required="true" requiredMessage="CNPJ é obrigatório" mask="99.999.999/9999-99" />                                            
                                            </div>

                                            <div class="column2">
                                                <p:outputLabel value="Email" for="emailInputText" />
                                            </div>
                                            <div class="column4">
                                                <p:inputText id="emailInputText" value="#{ managerCriarProtesto.apresentanteCadastrar.email }"/>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="column2">
                                                <p:outputLabel value="Responsável" for="responsavelInputText" />
                                            </div>
                                            <div class="column10">
                                                <p:inputText id="responsavelInputText" value="#{ managerCriarProtesto.apresentanteCadastrar.responsavel }" />
                                            </div>
                                        </div>
                                    </p:panel>

                                </p:panel>
                            </fieldset>
                            <fieldset>
                                <legend> <h4 style="margin:0 0 10px 0">Endereço</h4></legend>
                                <p:panel id="enderecoApresentantePanel" styleClass="column12" style="background: none; border: none;">

                                    <div class="row">
                                        <div class="column2">
                                            <p:outputLabel value="Tipo do endereço" for="tipoEnderecoInputText" />
                                        </div>
                                        <div class="column3">
                                            <p:selectOneMenu id="tipoEnderecoInputText" value="#{ managerCriarProtesto.apresentanteCadastrar.endereco.tipo }">
                                                <f:selectItems value="#{ enums.tiposEndereco() }" />
                                            </p:selectOneMenu>
                                        </div>
                                    </div>

                                    <div class="row">
                                        <div class="column2">
                                            <p:outputLabel value="Tipo do logradouro" for="tipoLogradouroInputText" />
                                        </div>
                                        <div class="column3">
                                            <p:selectOneMenu id="tipoLogradouroInputText" 
                                                             value="#{ managerCriarProtesto.apresentanteCadastrar.endereco.tipoLogradouro }">
                                                <f:selectItems value="#{ enums.tiposLogradouro() }" />
                                            </p:selectOneMenu>
                                        </div>
                                        <div class="column2">
                                            <p:outputLabel value="Localidade" for="localidadeInputText" />
                                        </div>
                                        <div class="column5">
                                            <p:inputText id="localidadeInputText" value="#{ managerCriarProtesto.apresentanteCadastrar.endereco.localidade }"/>
                                        </div>
                                    </div>

                                    <div class="row">
                                        <div class="column2">
                                            <p:outputLabel value="Número" for="numeroInputText" />
                                        </div>
                                        <div class="column3">
                                            <p:inputText id="numeroInputText" value="#{ managerCriarProtesto.apresentanteCadastrar.endereco.numero }"/>
                                        </div>

                                        <div class="column2">
                                            <p:outputLabel value="Logradouro" for="logradouroInputText" />
                                        </div>
                                        <div class="column5">
                                            <p:inputText id="logradouroInputText" value="#{ managerCriarProtesto.apresentanteCadastrar.endereco.logradouro }" />
                                        </div>
                                    </div>

                                    <div class="row">
                                        <div class="column2">
                                            <p:outputLabel value="CEP" for="cepInputMask" />
                                        </div>
                                        <div class="column3">
                                            <p:inputMask id="cepInputMask" value="#{ managerCriarProtesto.apresentanteCadastrar.endereco.cep }"
                                                         mask="99.999-999" />
                                        </div>

                                        <div class="column2">
                                            <p:outputLabel value="Bairro" for="bairroInputText" />
                                        </div>
                                        <div class="column5">
                                            <p:inputText id="bairroInputText" value="#{ managerCriarProtesto.apresentanteCadastrar.endereco.bairro }" />
                                        </div>
                                    </div>

                                    <div class="row">
                                        <div class="column2">
                                            <p:outputLabel styleClass="grid_2" value="Cidade" for="cidadeAutoComplete" />
                                        </div>
                                        <div class="column4">
                                            <p:autoComplete id="cidadeAutoComplete" value="#{ managerCriarProtesto.apresentanteCadastrar.endereco.cidade }"
                                                            forceSelection="true" dropdown="true" var="cidade" itemValue="#{ cidade }"
                                                            itemLabel="#{ cidade.nome }" completeMethod="#{ managerCriarImovel.autocompletarCidade }"
                                                            converter="conversorcidade" minQueryLength="3" />
                                        </div>
                                    </div>

                                </p:panel>
                            </fieldset>

                            <div class="buttonAction">
                                <p:commandButton actionListener="#{ managerCriarProtesto.salvarApresentante() }"
                                                 value="Salvar" icon="ui-icon-disk" 
                                                 update=":criarProtestoForm:apresentanteTabView, :criarProtestoForm:apresentantedataTable"
                                                 process="@this, :criarProtestoForm:apresentanteTabView:cadastrarApresentanteTab" />
                                <p:commandButton process="@this" update=":criarProtestoForm:apresentanteDialog" actionListener="#{ managerCriarProtesto.instanciarApresentanteCadastrar() }"
                                                 value="Cancelar" oncomplete="dialogApresentante.hide()" icon="ui-icon-cancel" />
                            </div>

                        </p:tab>

                    </p:tabView>
                </p:dialog>


                <p:dialog id="devedorDialog" widgetVar="dialogDevedor" header="Sacado" dynamic="true"
                          modal="true" appendToBody="false" resizable="false" width="90%" height="450px" 
                          draggable="false" closable="false">
                    <p:button outcome="criarCliente.xhtml"
                              style="float: right; z-index: 9999;"
                              styleClass="ui-priority-primary"
                              target="_blank"
                              value="Cadastrar Sacado"
                              icon="ui-icon-plus" />
                    <p:tabView id="devedorTabView" >

                        <p:tab id="pesquisarDevedorTab" title="Pesquisar">

                            <fieldset>
                                <legend> <h4 style="margin:0 0 10px 0">Filtros</h4></legend>
                                <p:panel id="devedorPesquisarPanel" styleClass="column12, clearfix"
                                         style="background: none; border: none">

                                    <div class="row">
                                        <div class="selectionBox">
                                            <p:selectOneRadio id="tipoPessoaDevedorSelectOneMenu" 
                                                              value="#{managerCriarProtesto.devedorPesquisar.tipoPessoa}">
                                                <f:selectItems value="#{enums.tiposPessoa()}" />   
                                                <p:ajax event="change"
                                                        update=":criarProtestoForm:devedorTabView:devedorPesquisarPanel" 
                                                        listener="#{ managerCriarProtesto.limparDevedor() }" />
                                            </p:selectOneRadio>
                                        </div>
                                    </div>

                                    <f:validateBean disabled="true">
                                        <div class="row">
                                            <div class="column1">
                                                <p:outputLabel value="Nome" for="nomeDevedorInputText"  />
                                            </div>
                                            <div class="column5">
                                                <p:inputText id="nomeDevedorInputText" 
                                                             value="#{ managerCriarProtesto.devedorPesquisar.nome }" />
                                            </div>

                                            <div class="column1">
                                                <p:outputLabel value="CPF" for="cpfDevedorInputMask" 
                                                               rendered="#{ managerCriarProtesto.devedorPesquisar.tipoPessoa eq 'FISICA'}" />
                                            </div>
                                            <div class="column3">
                                                <p:inputMask id="cpfDevedorInputMask" 
                                                             value="#{ managerCriarProtesto.devedorPesquisar.cpf }"
                                                             rendered="#{ managerCriarProtesto.devedorPesquisar.tipoPessoa eq 'FISICA'}" mask="999.999.999-99" />
                                            </div>
                                            <div class="column1">
                                                <p:outputLabel value="CNPJ" for="cnpjDevedorInputMask"
                                                               rendered="#{ managerCriarProtesto.devedorPesquisar.tipoPessoa eq 'JURIDICA'}" />
                                            </div>
                                            <div class="column3">
                                                <p:inputMask id="cnpjDevedorInputMask" value="#{ managerCriarProtesto.devedorPesquisar.cnpj }"
                                                             rendered="#{ managerCriarProtesto.devedorPesquisar.tipoPessoa eq 'JURIDICA'}" mask="99.999.999/9999-99" />
                                            </div>
                                        </div>
                                    </f:validateBean>

                                    <div class="buttonAction">
                                        <p:commandButton actionListener="#{ managerCriarProtesto.pesquisarDevedor() }" 
                                                         value="Pesquisar"
                                                         update=":criarProtestoForm:devedorTabView:devedorPesquisarPanel" 
                                                         process=":criarProtestoForm:devedorTabView:devedorPesquisarPanel"
                                                         icon="ui-icon-search" />
                                    </div>

                                    <p:dataTable id="devedoresDataTable" var="pessoa" value="#{ managerCriarProtesto.devedoresPesquisar }" 
                                                 rows="5" paginator="true" paginatorPosition="bottom" rowKey="#{ pessoa.id }"
                                                 selection="#{ managerCriarProtesto.devedorSelecionado }" selectionMode="single"
                                                 emptyMessage="Nenhum devedor encontrado">
                                        <f:facet name="header">Clientes</f:facet>
                                        <p:ajax event="rowSelect"  process="@this" update="@this"/>

                                        <p:column headerText="Nome" width="700">
                                            <h:outputText value="#{ pessoa.nome }" />
                                        </p:column>
                                        <p:column headerText="#{managerCriarProtesto.devedorPesquisar.tipoPessoa eq 'FISICA' ? 'CPF' : 'CNPJ'}" width="300">
                                            <h:outputText value="#{ pessoa.tipoPessoa eq 'FISICA' ? managerPesquisarPessoa.adicionarMascaraCPF(pessoa.cpf) :
                                                                    managerPesquisarPessoa.adicionarMascaraCNPJ(pessoa.cnpj) }" />
                                        </p:column>
                                    </p:dataTable>

                                    <div class="buttonAction">
                                        <p:commandButton actionListener="#{ managerCriarProtesto.selecionarDevedor() }"
                                                         update=":criarProtestoForm:devedordatatable, :criarProtestoForm:devedorDialog" 
                                                         process="@this"
                                                         value="Selecionar" icon="ui-icon-plus" />

                                        <p:commandButton value="Cancelar" icon="ui-icon-cancel" onclick="dialogDevedor.hide();" 
                                                         process="@this"
                                                         update=":criarProtestoForm:devedorDialog" 
                                                         actionListener="#{ managerCriarProtesto.instanciarDevedorPesquisar() }" />
                                    </div>

                                </p:panel>
                            </fieldset>

                        </p:tab>

                        <p:tab id="cadastrarDevedorTab" title="Cadastrar"  rendered="false">

                            <p:messages id="cadastrarDevedorMessages" autoUpdate="true" />

                            <fieldset>
                                <legend> <h4 style="margin:0 0 10px 0">Dados</h4></legend>
                                <p:panel id="dadosDevedorPanel" styleClass="column12" style="background: none; border: none;">

                                    <div class="selectionBox">
                                        <p:selectOneRadio id="tipoPessoaSelectOneMenu" value="#{ managerCriarProtesto.devedorCadastrar.tipoPessoa }"
                                                          rendered="#{ managerCriarProtesto.devedorCadastrar.id == null }">
                                            <f:selectItems value="#{ enums.tiposPessoa() }" />
                                            <p:ajax event="change" update="dadosDevedorPanel" />
                                        </p:selectOneRadio>
                                    </div>                                

                                    <p:panel id="pessoaFisicaDevedorPanel" styleClass="column12"
                                             style="border: 0px solid #fff;"
                                             rendered="#{managerCriarProtesto.devedorCadastrar.tipoPessoa eq 'FISICA'}">
                                        <div class="row">
                                            <div class="column1">
                                                <p:outputLabel value="Nome" for="nomeCadastrarDevedorInputText" />
                                            </div>
                                            <div class="column6">
                                                <p:inputText id="nomeCadastrarDevedorInputText" value="#{ managerCriarProtesto.devedorCadastrar.nome }"
                                                             required="true" requiredMessage="Nome" />
                                            </div>

                                            <div class="column2">
                                                <p:outputLabel value="Data de Nascimento" for="dataNascimentoDevedor" />
                                            </div>
                                            <div class="column3">
                                                <p:calendar id="dataNascimentoDevedor" value="#{ managerCriarProtesto.devedorCadastrar.dataNascimento }"
                                                            showOn="button" pattern="dd/MM/yyyy" locale="pt" navigator="true"  />
                                            </div>
                                        </div>
                                        <div class="row">

                                            <div class="column1">
                                                <p:outputLabel value="CPF" for="cpfInputMaskDevedor" />
                                            </div>
                                            <div class="column6">
                                                <p:inputMask styleClass="grid_3" id="cpfInputMaskDevedor" 
                                                             value="#{ managerCriarProtesto.devedorCadastrar.cpf }"
                                                             mask="999.999.999-99" />                                            
                                            </div>
                                            <div class="column2">
                                                <p:outputLabel value="RG" for="rgInputTextDevedor" />
                                            </div>
                                            <div class="column3">
                                                <p:inputText id="rgInputTextDevedor" value="#{ managerCriarProtesto.devedorCadastrar.rg }" />
                                            </div>


                                        </div>
                                        <div class="row">
                                            <div class="column1">
                                                <p:outputLabel value="Sexo" for="sexoSelectOneRadioDevedor" />
                                            </div>
                                            <div class="column6">
                                                <p:selectOneRadio id="sexoSelectOneRadioDevedor" value="#{ managerCriarProtesto.devedorCadastrar.sexo }">
                                                    <f:selectItems value="#{ enums.sexos() }" />
                                                </p:selectOneRadio>
                                            </div>

                                            <div class="column2">
                                                <p:outputLabel value="Estado Civil" for="estadoCivilSelectOneMenuDevedor" />
                                            </div>
                                            <div class="column3">
                                                <p:selectOneMenu id="estadoCivilSelectOneMenuDevedor" value="#{ managerCriarProtesto.devedorCadastrar.estadoCivil }">
                                                    <f:selectItems value="#{ enums.estadosCivis() }" />
                                                </p:selectOneMenu>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="column1">
                                                <p:outputLabel value="Profissão" for="profissaoInputTextDevedor" />
                                            </div>
                                            <div class="column11">
                                                <p:inputText styleClass="grid_3" id="profissaoInputTextDevedor" value="#{ managerCriarProtesto.devedorCadastrar.profissao }" />
                                            </div>
                                        </div>

                                    </p:panel>

                                    <p:panel id="dadosPessoaJuridicaDevedor" styleClass="column12"
                                             style="border: 0px solid #fff;"
                                             rendered="#{managerCriarProtesto.devedorCadastrar.tipoPessoa eq 'JURIDICA'}">
                                        <div class="row">
                                            <div class="column2">
                                                <p:outputLabel value="Nome Fantasia" for="nomeFantasiaInputTextDevedor" />
                                            </div>
                                            <div class="column4">
                                                <p:inputText id="nomeFantasiaInputTextDevedor" value="#{ managerCriarProtesto.devedorCadastrar.nome }"
                                                             required="true" requiredMessage="Nome Fantasia é obrigatório" />
                                            </div>

                                            <div class="column2">
                                                <p:outputLabel value="Razão Social" for="razaoSocialInputTextDevedor" />
                                            </div>
                                            <div class="column4">
                                                <p:inputText styleClass="grid_6" id="razaoSocialInputTextDevedor" value="#{ managerCriarProtesto.devedorCadastrar.razaoSocial }"
                                                             required="true" requiredMessage="Razão é obrigatório" />
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="column2">
                                                <p:outputLabel value="CNPJ" for="cnpjInputMaskDevedor" />
                                            </div>
                                            <div class="column4">
                                                <p:inputMask id="cnpjInputMaskDevedor" value="#{ managerCriarProtesto.devedorCadastrar.cnpj }"
                                                             required="true" requiredMessage="CNPJ é obrigatório" mask="99.999.999/9999-99" />                                            
                                            </div>

                                            <div class="column2">
                                                <p:outputLabel value="Email" for="emailInputTextDevedor" />
                                            </div>
                                            <div class="column4">
                                                <p:inputText id="emailInputTextDevedor" value="#{ managerCriarProtesto.devedorCadastrar.email }"/>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="column2">
                                                <p:outputLabel value="Responsável" for="responsavelInputTextDevedor" />
                                            </div>
                                            <div class="column10">
                                                <p:inputText id="responsavelInputTextDevedor" value="#{ managerCriarProtesto.devedorCadastrar.responsavel }" />
                                            </div>
                                        </div>
                                    </p:panel>

                                </p:panel>
                            </fieldset>
                            <fieldset>
                                <legend> <h4 style="margin:0 0 10px 0">Endereço</h4></legend>
                                <p:panel id="enderecoDevedorPanel" styleClass="column12" style="background: none; border: none;">

                                    <div class="row">
                                        <div class="column2">
                                            <p:outputLabel value="Tipo do endereço" for="tipoEnderecoDevedorInputText" />
                                        </div>
                                        <div class="column3">
                                            <p:selectOneMenu id="tipoEnderecoDevedorInputText" value="#{ managerCriarProtesto.devedorCadastrar.endereco.tipo }">
                                                <f:selectItems value="#{ enums.tiposEndereco() }" />
                                            </p:selectOneMenu>
                                        </div>
                                    </div>

                                    <div class="row">
                                        <div class="column2">
                                            <p:outputLabel value="Tipo do logradouro" for="tipoLogradouroDevedorInputText" />
                                        </div>
                                        <div class="column3">
                                            <p:selectOneMenu id="tipoLogradouroDevedorInputText" value="#{ managerCriarProtesto.devedorCadastrar.endereco.tipoLogradouro }">
                                                <f:selectItems value="#{ enums.tiposLogradouro() }" />
                                            </p:selectOneMenu>
                                        </div>
                                        <div class="column2">
                                            <p:outputLabel value="Localidade" for="localidadeDevedorInputText" />
                                        </div>
                                        <div class="column5">
                                            <p:inputText id="localidadeDevedorInputText" value="#{ managerCriarProtesto.devedorCadastrar.endereco.localidade }"/>
                                        </div>
                                    </div>

                                    <div class="row">
                                        <div class="column2">
                                            <p:outputLabel value="Número" for="numeroDevedorInputText" />
                                        </div>
                                        <div class="column3">
                                            <p:inputText id="numeroDevedorInputText" value="#{ managerCriarProtesto.devedorCadastrar.endereco.numero }"/>
                                        </div>

                                        <div class="column2">
                                            <p:outputLabel value="Logradouro" for="logradouroDevedorInputText" />
                                        </div>
                                        <div class="column5">
                                            <p:inputText id="logradouroDevedorInputText" value="#{ managerCriarProtesto.devedorCadastrar.endereco.logradouro }" />
                                        </div>
                                    </div>

                                    <div class="row">
                                        <div class="column2">
                                            <p:outputLabel value="CEP" for="cepDevedorInputMask" />
                                        </div>
                                        <div class="column3">
                                            <p:inputMask id="cepDevedorInputMask" value="#{ managerCriarProtesto.devedorCadastrar.endereco.cep }"
                                                         mask="99.999-999" />
                                        </div>

                                        <div class="column2">
                                            <p:outputLabel value="Bairro" for="bairroDevedorInputText" />
                                        </div>
                                        <div class="column5">
                                            <p:inputText id="bairroDevedorInputText" value="#{ managerCriarProtesto.devedorCadastrar.endereco.bairro }" />
                                        </div>
                                    </div>

                                    <div class="row">
                                        <div class="column2">
                                            <p:outputLabel styleClass="grid_2" value="Cidade" for="cidadeDevedorAutoComplete" />
                                        </div>
                                        <div class="column4">
                                            <p:autoComplete id="cidadeDevedorAutoComplete" value="#{ managerCriarProtesto.devedorCadastrar.endereco.cidade }"
                                                            forceSelection="true" dropdown="true" var="cidade" itemValue="#{ cidade }"
                                                            itemLabel="#{ cidade.nome }" completeMethod="#{ managerCriarImovel.autocompletarCidade }"
                                                            converter="conversorcidade" minQueryLength="3" />
                                        </div>
                                    </div>

                                </p:panel> 
                            </fieldset>

                            <div class="buttonAction">
                                <p:commandButton actionListener="#{ managerCriarProtesto.salvarDevedor() }"
                                                 value="Salvar" icon="ui-icon-disk" 
                                                 update=":criarProtestoForm:devedorTabView, :criarProtestoForm:devedorTabView:devedoresDataTable"
                                                 process="@this, :criarProtestoForm:devedorTabView:cadastrarDevedorTab" />
                                <p:commandButton process="@this" update=":criarProtestoForm:devedorDialog" actionListener="#{ managerCriarProtesto.instanciarDevedorPesquisar() }"
                                                 value="Cancelar" oncomplete="dialogDevedor.hide()" icon="ui-icon-cancel" />
                            </div>

                        </p:tab>

                    </p:tabView>
                </p:dialog>

                <p:dialog id="fiadorDialog" widgetVar="dialogFiador" header="Avalista" dynamic="true"
                          modal="true" appendToBody="false" resizable="false" width="90%" height="450px" 
                          draggable="false" closable="false">
                    <p:button outcome="criarCliente.xhtml"
                              style="float: right; z-index: 9999;"
                              styleClass="ui-priority-primary"
                              target="_blank"
                              value="Cadastrar Avalista"
                              icon="ui-icon-plus" />
                    <p:tabView id="fiadorTabView" >

                        <p:tab id="pesquisarFiadorTab" title="Pesquisar">

                            <fieldset>
                                <legend> <h4 style="margin:0 0 10px 0">Filtros</h4></legend>
                                <p:panel id="fiadorPesquisarPanel" styleClass="column12, clearfix"
                                         style="background: none; border: none">

                                    <div class="row">
                                        <div class="selectionBox">
                                            <p:selectOneRadio id="tipoPessoaFiadorSelectOneMenu" 
                                                              value="#{managerCriarProtesto.fiadorPesquisar.tipoPessoa}">
                                                <f:selectItems value="#{enums.tiposPessoa()}" />   
                                                <p:ajax event="change"
                                                        update=":criarProtestoForm:fiadorTabView:fiadorPesquisarPanel" 
                                                        listener="#{ managerCriarProtesto.limparFiador() }" />
                                            </p:selectOneRadio>
                                        </div>
                                    </div>

                                    <f:validateBean disabled="true">
                                        <div class="row">
                                            <div class="column1">
                                                <p:outputLabel value="Nome" for="nomeFiadorInputText"  />
                                            </div>
                                            <div class="column5">
                                                <p:inputText id="nomeFiadorInputText" 
                                                             value="#{ managerCriarProtesto.fiadorPesquisar.nome }" />
                                            </div>

                                            <div class="column1">
                                                <p:outputLabel value="CPF" for="cpfFiadorInputMask" 
                                                               rendered="#{ managerCriarProtesto.fiadorPesquisar.tipoPessoa eq 'FISICA'}" />
                                            </div>
                                            <div class="column3">
                                                <p:inputMask id="cpfFiadorInputMask" 
                                                             value="#{ managerCriarProtesto.fiadorPesquisar.cpf }"
                                                             rendered="#{ managerCriarProtesto.fiadorPesquisar.tipoPessoa eq 'FISICA'}" mask="999.999.999-99" />
                                            </div>
                                            <div class="column1">
                                                <p:outputLabel value="CNPJ" for="cnpjFiadorInputMask"
                                                               rendered="#{ managerCriarProtesto.fiadorPesquisar.tipoPessoa eq 'JURIDICA'}" />
                                            </div>
                                            <div class="column3">
                                                <p:inputMask id="cnpjFiadorInputMask" value="#{ managerCriarProtesto.fiadorPesquisar.cnpj }"
                                                             rendered="#{ managerCriarProtesto.fiadorPesquisar.tipoPessoa eq 'JURIDICA'}" mask="99.999.999/9999-99" />
                                            </div>
                                        </div>
                                    </f:validateBean>

                                    <div class="buttonAction">
                                        <p:commandButton actionListener="#{ managerCriarProtesto.pesquisarFiador() }" 
                                                         value="Pesquisar"
                                                         update=":criarProtestoForm:fiadorTabView:fiadorPesquisarPanel" 
                                                         process=":criarProtestoForm:fiadorTabView:fiadorPesquisarPanel"
                                                         icon="ui-icon-search" />
                                    </div>

                                    <p:dataTable id="fiadoresDataTable" var="pessoafiador" value="#{ managerCriarProtesto.fiadoresPesquisar }" 
                                                 rows="5" paginator="true" paginatorPosition="bottom" rowKey="#{ pessoafiador.id }"
                                                 selection="#{ managerCriarProtesto.fiadorSelecionado }" selectionMode="single"
                                                 emptyMessage="Nenhum devedor encontrado">
                                        <f:facet name="header">Clientes</f:facet>
                                        <p:ajax event="rowSelect"  process="@this" update="@this"/>

                                        <p:column headerText="Nome" width="700">
                                            <h:outputText value="#{ pessoafiador.nome }" />
                                        </p:column>
                                        <p:column headerText="#{managerCriarProtesto.fiadorPesquisar.tipoPessoa eq 'FISICA' ? 'CPF' : 'CNPJ'}" width="300">
                                            <h:outputText value="#{ pessoafiador.tipoPessoa eq 'FISICA' ? managerPesquisarPessoa.adicionarMascaraCPF(pessoafiador.cpf) :
                                                                    managerPesquisarPessoa.adicionarMascaraCNPJ(pessoafiador.cnpj) }" />
                                        </p:column>
                                    </p:dataTable>

                                    <div class="buttonAction">
                                        <p:commandButton actionListener="#{ managerCriarProtesto.selecionarFiador() }"
                                                         update=":criarProtestoForm:fiadorDataTable, :criarProtestoForm:fiadorDialog" 
                                                         process="@this"
                                                         value="Selecionar" icon="ui-icon-plus" />

                                        <p:commandButton value="Cancelar" icon="ui-icon-cancel" onclick="dialogFiador.hide();" 
                                                         process="@this"
                                                         update=":criarProtestoForm:fiadorDialog" 
                                                         actionListener="#{ managerCriarProtesto.instanciarFiadorPesquisar() }" />
                                    </div>

                                </p:panel>
                            </fieldset>

                        </p:tab>
                    </p:tabView>
                </p:dialog>

            </h:form>
        </ui:define>
    </ui:composition>

</html>



